<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>确认订单</title>
    <link href="css/app.css" rel="stylesheet" />
    <link href="js/mobiscroll/mobiscroll-2.13.2.full.min.css" rel="stylesheet" />
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/mobiscroll/mobiscroll-2.13.2.full.min.js"></script>
</head>
<body>
<div class="app">
    <!--<li id="">-->
        <!--<div class="mbase-menu-title">生日</div>-->
        <!--<div class="mbase-menu-txt">未设置</div>-->
        <!--<div class="clear"></div>-->
    <!--</li>-->



    <div class="checkOrder moveView">
        <div class="addressList"><div>
            <div class="mu-item-wrapper" tabindex="0" style="user-select: none; outline: none; cursor: pointer; -webkit-appearance: none;">
                <div class="">
                    <div class="mu-ripple-wrapper"></div>
                    <div class="mu-item show-right">
                        <div class="mu-item-content">
                            <div style="text-indent: 24px;">
                                <img src="img/address.jpg" class="address-icon"/>
                                还没有收货信息，请完善~~~
                            </div>
                        </div>
                        <div class="mu-item-right">
                            <div>
                                <i class="material-icons" style="line-height: 50px;"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            <hr class="mu-divider">
            <div>
                <div class="mu-item-wrapper" tabindex="0" style="user-select: none; outline: none; cursor: pointer; -webkit-appearance: none;">
                    <div class="">
                        <div class="mu-ripple-wrapper"></div>
                        <div class="mu-item show-left show-right">
                            <div class="mu-item-left">
                                <div class="left">配送日期</div>
                            </div>
                            <div class="mu-item-content" id="birthday">
                                <input placeholder="请选择配送日期" maxlength="60" id="orderItem" disabled="disabled" style="background-color: white;">
                            </div>
                            <div class="mu-item-right">
                                <div></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="mu-divider">
            <span></span>
        </div>
        <div class="main">
            <div>
                <div class="cartItem">
                    <img src="img/11.jpeg" class="proImg">
                    <div class="content">
                        <p class="title">欧式-罗曼尼</p>
                        <div class="space">
                            <div class="name">已选：</div>
                            <div class="spaceContent" style="height: 36px;">
                                <span>餐厅</span>
                            </div>
                        </div>
                        <p>共计数量：<span> 5件</span></p>
                        <p>共计金额：<span class="price">￥10,959.00</span></p>
                    </div>
                </div>
                <div class="itemContent">
                    <ul>
                        <li>
                            <div class="name">餐厅</div>
                            <div>
                                <div class="detailItem">
                                    <img src="img/1.jpeg" class="proImg">
                                    <div class="content">
                                        <p>名称：<span> 简欧橡胶木雕花1.5米餐桌</span></p>
                                        <p>数量：<span> 2</span></p>
                                        <p style="font-size: 1.4rem;">￥3,036.00</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="detailItem">
                                    <img src="img/2.jpeg" class="proImg">
                                    <div class="content">
                                        <p>名称：<span> 简欧布艺软包餐椅</span></p>
                                        <p>数量：<span> 3</span></p> <p style="font-size: 1.4rem;">￥1,629.00</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div>
                <div class="cartItem">
                    <img src="img/3.jpeg" class="proImg">
                    <div class="content">
                        <p class="title">热卖单品</p>
                        <div class="space">
                            <div class="name">已选：</div>
                            <div class="spaceContent" style="height: 36px;">
                                <span>热卖单品</span>
                            </div>
                        </div>
                        <p>共计数量：<span> 6件</span></p>
                        <p>共计金额：<span class="price">￥870.00</span></p>
                    </div>
                </div>
                <div class="itemContent">
                    <ul>
                        <li>
                            <div class="name">热卖单品</div>
                            <div>
                                <div class="detailItem">
                                    <img src="img/4.jpeg" class="proImg">
                                    <div class="content">
                                        <p>名称：<span> 抱枕</span></p>
                                        <p>数量：<span> 1</span></p>
                                        <p style="font-size: 1.4rem;">￥25.00</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="detailItem">
                                    <img src="img/5.jpeg" class="proImg">
                                    <div class="content">
                                        <p>名称：<span> 贡缎提花四件套（馨香花颜-宝石蓝）</span></p>
                                        <p>数量：<span> 1</span></p>
                                        <p style="font-size: 1.4rem;">￥199.00</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="detailItem">
                                    <img src="img/2.jpeg" class="proImg">
                                    <div class="content">
                                        <p>名称：<span> 法兰绒空调毯</span></p>
                                        <p>数量：<span> 1</span></p>
                                        <p style="font-size: 1.4rem;">￥49.00</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="detailItem">
                                    <img src="img/11.jpeg" class="proImg">
                                    <div class="content">
                                        <p>名称：<span> 贡缎提花四件套（迷迭香）</span></p>
                                        <p>数量：<span> 1</span></p>
                                        <p style="font-size: 1.4rem;">￥199.00</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="detailItem">
                                    <img src="img/5.jpeg" class="proImg">
                                    <div class="content">
                                        <p>名称：<span> 贡缎提花四件套（赛利娅-兰金）</span></p>
                                        <p>数量：<span> 1</span></p>
                                        <p style="font-size: 1.4rem;">￥199.00</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="detailItem">
                                    <img src="img/3.jpeg" class="proImg">
                                    <div class="content">
                                        <p>名称：<span> 贡缎提花四件套（韵金花开）</span></p>
                                        <p>数量：<span> 1</span></p>
                                        <p style="font-size: 1.4rem;">￥199.00</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div>
                <div class="cartItem">
                    <img src="img/4.jpeg" class="proImg">
                    <div class="content">
                        <p class="title">全屋搭配</p>
                        <div class="space">
                            <div class="name">已选：</div>
                            <div class="spaceContent" style="height: 36px;">
                                <span>全屋搭配</span>
                            </div>
                        </div>
                        <p>共计数量：<span> 6件</span></p>
                        <p>共计金额：<span class="price">￥200,610.00</span></p>
                    </div>
                </div>
                <div class="itemContent">
                    <ul>
                        <li>
                            <div class="name">全屋搭配</div>
                            <div>
                                <div class="detailItem">
                                    <img src="img/1.jpeg" class="proImg">
                                    <div class="content">
                                        <p>名称：<span> 北欧风格两房两厅多空能储物空间-波西米亚</span></p>
                                        <p>数量：<span> 6</span></p>
                                        <p style="font-size: 1.4rem;">￥33,435.00</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <hr class="mu-divider">
            <div class="totalPrice">合计：<span>￥212,439.00</span></div>
        </div>
        <div class="mete">
            <div class="mu-list">
                <div>
                    <div class="mu-item-wrapper" tabindex="0" style="user-select: none; outline: none; cursor: pointer; -webkit-appearance: none;">
                        <div class="" style="margin-left: 0px;">
                            <div class="mu-item show-left">
                                <div class="mu-item-left">
                                    <div>买家留言</div>
                                </div>
                                <div class="mu-item-content">
                                    <input placeholder="20个字以内" maxlength="20">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="otherMsg">
            <div class="mu-list">
                <div>
                    <div class="mu-item-wrapper" tabindex="0" style="user-select: none; outline: none; cursor: pointer; -webkit-appearance: none;">
                        <div class="" style="margin-left: 0px;">
                            <div class="mu-item show-left">
                                <div class="mu-item-left">
                                    <div>优惠券码</div>
                                </div>
                                <div class="mu-item-content">
                                    <input placeholder="请输入正确的优惠码" maxlength="50">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="mu-divider">
                <div>
                    <div class="mu-item-wrapper" tabindex="0" style="user-select: none; outline: none; cursor: pointer; -webkit-appearance: none;">
                        <div class="" style="margin-left: 0px;">
                            <div class="mu-item show-left">
                                <div class="mu-item-left">
                                    <div>减免优惠</div>
                                </div>
                                <div class="mu-item-content">
                                    <span style="float: right; padding-right: 1rem;">-￥0.00</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="mu-divider">
                <div>
                    <div class="mu-item-wrapper" tabindex="0" style="user-select: none; outline: none; cursor: pointer; -webkit-appearance: none;">
                        <div class="" style="margin-left: 0px;">
                            <div class="mu-item show-left">
                                <div class="mu-item-left">
                                    <div class="left">送装运费</div>
                                </div>
                                <div class="mu-item-content">
                                    <span style="float: right; padding-right: 1rem;">部分地区包邮,详询:400-108-5066</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="mu-divider">
                <div>
                    <div class="mu-item-wrapper" tabindex="0" style="user-select: none; outline: none; cursor: pointer; -webkit-appearance: none;">
                        <div class="" style="margin-left: 0px;">
                            <div class="mu-item show-left">
                                <div class="mu-item-left">
                                    <div class="left">商品金额</div>
                                </div>
                                <div class="mu-item-content">
                                    <span style="float: right; padding-right: 1rem;">￥212,439.00</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="mu-divider">
            </div>
            <div class="totalPrice">实付款：<span>￥212,439.00</span></div>
        </div>
        <div class="payOperation">
            <button class="mu-raised-button regist" type="button" tabindex="0" style="user-select: none; outline: none; cursor: pointer; -webkit-appearance: none; color: rgb(255, 255, 255);">
                <div class="mu-raised-button-wrapper">
                    <div class="mu-ripple-wrapper"></div>
                    <span class="mu-raised-button-label">确认下单</span>
                </div>
            </button>
        </div>
    </div>

</div>
</body>

<script src="js/app.js"></script>

</html>